@media(max-width:1200px){
    .slider-content h1{
        font-size:58px;
    }
}

@media(min-width:992px){
    .dis-hide{
        display:none;
    }
    /* Service drop-down
    .service-list>.show-serviceList{
        position:absolute;
        top:57px;
        left: -135px;
        right: -229px;
        border-radius: 10px;
        z-index:5;
        border-radius:10px;
        background:linear-gradient(to bottom, #c0d2f6, #338be3);;
        box-shadow:0 4px 10px rgba(0,0,0,0.05), 0 10px 25px rgba(0,0,0,0.08), 0 20px 40px rgba(0,0,0,0.06);
        background: linear-gradient(135deg, #3ffe8f, #2654ab);
        animation: show-serviceList 2s ease 0s 1 normal forwards;
    }
    .show-serviceList>a{
        border-bottom:1px solid rgb(129, 21, 21);
    }
    .show-serviceList>a:hover{
        background-color:#0b3b91 !important;
        color:white;
        font-weight: 450;
    } */

    .service-list{
        position: relative;
    }   

    /* MAIN MEGA MENU */
    .show-serviceList{
        position: absolute;
        left: 50%;
        top: 140%;
        transform: translateX(-50%);
        width: 980px;
        background: #ffffff;
        border-radius: 28px;
        padding: 35px 30px;
        box-shadow: 0 20px 60px rgba(0,0,0,.12);
        z-index: 999;
        opacity: 0;
        visibility: hidden;
        transition: .35s ease;
        border: 1px solid rgba(0,0,0,.05);
    }

    /* HOVER SHOW */
    .service-list:hover .show-serviceList{
        opacity: 1;
        visibility: visible;
        top: 115%;
    }

    /* TITLE */
    .mega-title{
        text-align: center;
        font-size: 2rem;
        font-weight: 800;
        margin-bottom: 30px;
        color: #1f2d3d;
    }

    /* GRID */
    .mega-service-grid{
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 22px;
    }

    /* COLUMN */
    .mega-column{
        display: flex;
        flex-direction: column;
        gap: 18px;
    }

    /* ITEM */
    .mega-service-item{
        display: flex;
        align-items: flex-start;
        gap: 14px;
        text-decoration: none;
        color: #2f3542;
        transition: .3s ease;
        border-radius: 16px;
        padding: 10px;
    }

    .mega-service-item:hover{
        background: rgba(0, 191, 166, .08);
        transform: translateX(5px);
    }

    /* ICON */
    .mega-service-item i{
        width: 48px;
        height: 48px;
        background: rgba(0, 191, 166, .10);
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: oklch(0.58 0.13 185.05);
        font-size: 1.2rem;
        flex-shrink: 0;
    }

    /* TEXT */
    .mega-service-item span{
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.5;
    }
    /* About Section */
    img{
        height:520px;
        border-radius:20px;
    }

    .footer-title{
        margin-top: 10px;
    }
}

@media(max-width:992px){
    .main-heading{
        font-size: 38px;
    }
    .m-top{
        margin-top:20px !important;
    }
    .text-middle{
        text-align:center;
    }
    .dis-none{
        display:none;
    }
    .h2-sections{
        font-size:2.2rem;
    }
    /* nav-list section */
    .active{
        transform:translateX(0) !important;
    }
    .nav-list{
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0px;
        width: 55%;
        z-index: 9999 !important;
        overflow-y: scroll;
        background-color: #e7e7e7;
        transform: translateX(-100%);
        transition: transform 0.4s ease;    

        /* Firefox */
        scrollbar-width: none;

        /* IE & Edge */
        -ms-overflow-style: none;
    }

    /* Chrome, Safari, Edge (Webkit) */
    .nav-list::-webkit-scrollbar{
        display: none;
    }
    .nav-list>ul{
        display: block !important;
        padding-left:0 !important;
    }
    .nav-list>ul li{
        /* display:block; */
        padding:15px 10px;
        line-height: 30px;
    }


    /* service list section*/
    .service-list{
        margin-left:8px;
    }

    .show-serviceList{
        position: static;
        width: 100%;
        transform: unset;
        opacity: 1;
        visibility: visible;
        display: none;
        margin-top: 15px;
        padding: 20px;
        border-radius: 20px;
        box-shadow: none;
    }
    .show-serviceList.active{
        display: block;
    }
    .mega-title{
        font-size: 1.5rem;
        margin-bottom: 20px;
    }
    .mega-service-grid{
        grid-template-columns: 1fr;
        column-gap: 10px;
    }
    .show-serviceList>a{
        border-bottom:2px solid#0b3b91;
        color:#0b3b91 !important;
        padding:10px 0px;
    }
    .show-serviceList{
        animation: services 0.9s ease 0s 1 normal forwards;
    } 

    /* about seperate page */
    .about-banner{
        text-align:center;
    }
    .section-padding{
        padding:70px 0;
    }

    /* Gallery section */
    .gallery-banner{
        text-align:center;
    }

    .section-padding{
        padding:70px 0;
    }

    /* carousel-section */
    .carousel-item{
        min-height:850px;
    }
    .slider-content{
        left:5%;
        right:5%;
        max-width:100%;
    }
    .slider-content h1{
        font-size:48px;
    }
    .floating-box{
        position:relative;
        right:auto;
        bottom:auto;
        margin:40px auto 0;
        width:100%;
        max-width:500px;
    }

    /* counter-section */
    .image-composite { height: 380px; margin-bottom: 40px; }
    .img-main { width: 75%; height: 88%; }

    /* Contact page */
    .contact-banner{
        text-align:center;
    }
    .section-padding{
        padding:70px 0;
    }

    /* footer-section */
    .footer-title{
        margin-top: 10px;
    }
}

@media(max-width:768px){
    .fs-lg-h{
        font-size:1.6rem;
    }
    .fs-lg-p{
        font-size:1.3rem ;
    }

    .carousel-item{
        min-height:780px;
    }
    .slider-content h1{
        font-size:36px;
    }
    .slider-content p{
        font-size:16px;
    }
    .hero-btns{
        gap:15px;
    }
    .btn-main,
    .btn-outline-custom{
        width:100%;
        text-align:center;
    }

    .main-heading{
        font-size: 30px;
    }
    .section-padding{
        padding: 60px 0;
    }
    .doctor-box{
        padding: 30px;
    }

    /* counter-section */
    .about-section { padding: 50px 0; }
    .image-composite { height: 300px; }
    .stat-item:not(:last-child)::after { display: none; }
    .stat-item { padding: 16px 6px; }
    .stat-number { font-size: 1.9rem; }
    .about-desc { max-width: 100%; }
}

@media(max-width:576px){
    .container{
        overflow-x: hidden !important;
    }
    .contact-wrap{
        display:flex;
        flex-wrap:wrap;
        justify-content: center;
        align-items: center;
    }
    .text-mid{
        text-align:center;
    }

    .carousel-item{
        min-height:720px;
    }
    .slider-content{
        top:46%;
    }
    .slider-content h1{
        font-size:30px;
    }
    .slider-content span{
        font-size:12px;
    }

    .input-group{
        flex-direction: column;
        gap: 15px;
    }
    .input-group .form-control,
    .input-group .subscribe-btn{
        width: 100%;
        border-radius: 12px !important;
    }

    .doctor-heading h1{
        font-size:28px;
    }
    .doctor-section{
        padding:60px 0;
    }
}

@media(max-width:488px){
    /* nav-list section */
    .nav-list{
        width:75%;
    }

    /* counter-section */
    .image-composite { height: 260px; }
    .img-main { left: 10px; }
    .stat-icon-box { width: 46px; height: 46px; }
    .stat-icon-box svg { width: 22px; height: 22px; }
}

@media(max-width:336px){
    /* nav-list section */
    .nav-list li{
        text-align:center;
    }
    .nav-list .appoint-btn{
        padding:10px !important;
    }
}

/* css animation section */

@keyframes show-sidebar {
	0% {
		transform: scaleX(0);
		transform-origin: 0% 0%;
	}
	100% {
		transform: scaleX(1);
		transform-origin: 0% 0%;
	}
}

@keyframes show-serviceList {
	0% {
		opacity: 0;
		transform: translateY(-50px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes services {
	0% {
		transform: scaleY(0);
		transform-origin: 80% 0%;
	}
	100% {
		transform: scaleY(1);
		transform-origin: 80% 0%;
	}
}